/* ======================================================================= */
/* IMPORTS
/* ======================================================================= */
/* ----- compass ----- */
/* ----- variables ----- */
/* ======================================================================= */
/* VARIABLES
/* ======================================================================= */
/* ----- fonts ----- */
/* ----- spacing ----- */
/* ----- colors ----- */
/* ----- helpers ----- */
/* ----- header ----- */
/* ======================================================================= */
/* HELPERS
/* ======================================================================= */
/* ----- performance ----- */
/* line 7, ../sass/partials/_helpers.scss */
.gpu {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0); }

/* ----- vertical center ----- */
/* line 13, ../sass/partials/_helpers.scss */
.vcenter {
  display: table;
  width: 100%;
  height: 100%; }
  /* line 18, ../sass/partials/_helpers.scss */
  .vcenter .vcenter-content {
    position: relative;
    display: table-cell;
    vertical-align: middle; }
    /* line 23, ../sass/partials/_helpers.scss */
    .vcenter .vcenter-content > * {
      display: inline-block;
      vertical-align: middle; }

/* ----- elements ----- */
/* ======================================================================= */
/* TYPOGRAPHY
/* ======================================================================= */
/* ----- base ----- */
/* line 7, ../sass/partials/elements/_typography.scss */
body {
  font: normal normal 13px/20px "Open Sans", Arial, sans-serif;
  color: #666666;
  background: #fcfcfc; }

/* ----- links ----- */
/* line 15, ../sass/partials/elements/_typography.scss */
a {
  text-decoration: none;
  color: #ef4135; }
  /* line 19, ../sass/partials/elements/_typography.scss */
  a, a:before, a:after {
    -webkit-transition: color 150ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out;
    -moz-transition: color 150ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out;
    -o-transition: color 150ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out;
    transition: color 150ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out; }
  /* line 23, ../sass/partials/elements/_typography.scss */
  a:hover {
    text-decoration: none; }

/* ----- heading ----- */
/* line 30, ../sass/partials/elements/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  margin: 15px 0; }
  /* line 33, ../sass/partials/elements/_typography.scss */
  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0; }
  /* line 37, ../sass/partials/elements/_typography.scss */
  h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
    margin-bottom: 0; }

/* line 42, ../sass/partials/elements/_typography.scss */
h1.jumbo, .h1.jumbo {
  font-size: 3.7em; }

/* line 43, ../sass/partials/elements/_typography.scss */
h1.mega, .h1.mega {
  font-size: 3.23em; }

/* line 44, ../sass/partials/elements/_typography.scss */
h1 {
  font-size: 2.77em; }

/* line 45, ../sass/partials/elements/_typography.scss */
h2 {
  font-size: 2.3em; }

/* line 46, ../sass/partials/elements/_typography.scss */
h3 {
  font-size: 1.84em; }

/* line 47, ../sass/partials/elements/_typography.scss */
h4 {
  font-size: 1.53em; }

/* line 48, ../sass/partials/elements/_typography.scss */
h5 {
  font-size: 1.38em; }

/* line 49, ../sass/partials/elements/_typography.scss */
h6 {
  font-size: 1.23em; }

/* ----- layout ----- */
/* ======================================================================= */
/* HEADER
/* ======================================================================= */
/* line 5, ../sass/partials/layout/_header.scss */
#header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  width: 100%;
  height: 80px;
  background: #e0e0e0; }
  /* line 14, ../sass/partials/layout/_header.scss */
  #header .container {
    position: relative;
    height: 100%; }

/* ----- logo ----- */
/* line 22, ../sass/partials/layout/_header.scss */
#logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  /* line 29, ../sass/partials/layout/_header.scss */
  #logo a {
    display: block;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
    /* line 37, ../sass/partials/layout/_header.scss */
    #logo a:after {
      content: "";
      display: inline-block;
      vertical-align: middle;
      height: 100%; }
    /* line 44, ../sass/partials/layout/_header.scss */
    #logo a img {
      display: inline-block;
      vertical-align: middle;
      width: auto;
      max-height: 40px; }

/* ----- main nav ----- */
/* line 55, ../sass/partials/layout/_header.scss */
#main-nav {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%; }
  /* line 63, ../sass/partials/layout/_header.scss */
  #main-nav:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%; }
  /* line 70, ../sass/partials/layout/_header.scss */
  #main-nav ul {
    display: inline-block;
    vertical-align: middle; }
    /* line 74, ../sass/partials/layout/_header.scss */
    #main-nav ul li {
      display: block;
      position: relative;
      float: left; }
      /* line 79, ../sass/partials/layout/_header.scss */
      #main-nav ul li a {
        display: block;
        padding: 0 20px;
        line-height: 40px; }
      /* line 85, ../sass/partials/layout/_header.scss */
      #main-nav ul li.active a {
        color: blue; }

/* ======================================================================= */
/* PAGE
/* ======================================================================= */
/* line 5, ../sass/partials/layout/_page.scss */
#page {
  position: relative;
  z-index: 1;
  padding-top: 80px;
  background: #fcfcfc; }

/* ======================================================================= */
/* SIDEBAR
/* ======================================================================= */
/* ======================================================================= */
/* FOOTER
/* ======================================================================= */
/* line 5, ../sass/partials/layout/_footer.scss */
#footer {
  position: relative; }

/* ======================================================================= */
/* SECTION
/* ======================================================================= */
/* line 5, ../sass/partials/layout/_section.scss */
.section {
  position: relative;
  color: #666666;
  background-color: #fcfcfc; }
  /* line 10, ../sass/partials/layout/_section.scss */
  .section .section-inner {
    position: relative;
    padding: 50px 30px; }

/* ----- color variations ----- */
/* line 18, ../sass/partials/layout/_section.scss */
.section-light {
  color: #666666;
  background-color: #f3f3f3; }

/* line 23, ../sass/partials/layout/_section.scss */
.section-gray {
  color: #666666;
  background-color: #e3e3e3; }

/* line 28, ../sass/partials/layout/_section.scss */
.section-dark {
  color: #fff;
  background-color: #0f1216; }

/* line 33, ../sass/partials/layout/_section.scss */
.section-darker {
  color: #fff;
  background-color: #0c0e11; }

/* line 38, ../sass/partials/layout/_section.scss */
.section-darkest {
  color: #fff;
  background-color: #07080a; }

/* line 43, ../sass/partials/layout/_section.scss */
.section-color {
  color: #fff;
  background-color: #ef4135; }

/* ----- jumbo ----- */
/* line 51, ../sass/partials/layout/_section.scss */
.section-jumbo .section-inner {
  padding: 100px 30px; }

/* ----- section background ----- */
/* line 58, ../sass/partials/layout/_section.scss */
.section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  /* line 66, ../sass/partials/layout/_section.scss */
  .section-bg img {
    position: relative;
    top: 0;
    display: inline-block;
    max-width: 100%; }

/* ======================================================================= */
/* PAGE TOP LINK
/* ======================================================================= */
/* line 5, ../sass/partials/layout/_pagetop.scss */
#page-top-link {
  position: fixed;
  right: 20px;
  bottom: 0;
  z-index: 2;
  display: block;
  width: 25px;
  height: 25px;
  text-decoration: none;
  text-align: center; }

/* ----- elements ----- */
/*
@import "partials/elements/typography";
@import "partials/elements/module";
@import "partials/elements/icon";
@import "partials/elements/divider";
@import "partials/elements/image";

/* ----- modules ----- */
/*
@import "modules/base";
@import "modules/helpers";
*/
